import React from 'react';
import {
  View,
  Text,
  ScrollView,
  TouchableOpacity,
  Alert,
} from 'react-native';

import SizeUtils from '../../common/SizeUtils';
import Config from '../../config';
import TImage from '../../components/TImage';
import BasePage from '../common/BasePage';
import ToastUtils from '../../common/ToastUtils';
import HeartVolunteerRequestPostListAction from '../../actions/heart/HeartVolunteerRequestPostListAction';
import HeartVolunteerRequestPostContentAction from '../../actions/heart/HeartVolunteerRequestPostContentAction';
import UserRequestAPPConfigAction from '../../actions/user/UserRequestAPPConfigAction';
const volunteer_text1 =`     从2012年开始，服务中心从油田各单位广泛征集了掌握心理知识、压力缓解、亲子教育、婚姻家庭、合理理财、健康养生、保健按摩、瑜珈运动等十多项内容的志愿者，共计200余名。并根据志愿者自身优势及特点，精心选拔、重点培养，通过专业认证培训、内部学习交流、外部专家指导等内外结合方式进行培训，并通过团体技能训练、微信课堂、下基层实践等载体，为志愿者量身制定系统的专业提升课程，并通过层层把关，认真修改学习方案，不断完善学习计划等一系列工作流程，不断提升志愿者团队的能力和水平。
      油田现有国家级心理咨询师300余人，其中60名EAP咨询师、运营师，60名婚姻家庭咨询师，有15名国际EAP协会中国分会会员，8名国际认证EAP专员；“幸福生活”大讲堂讲师36名，团体心理辅导领导者55名； 5名保健按摩师，5名营养师、5 名健康医师、5名瑜伽教练等专业人员，为油田全面深入推进EAP工作提供了人才保障。自中心成立以来，积极为职工及家属提供专业一对一个体心理咨询服务400多人次；团体心理辅导小组走进油田的65个基层站队，累计5000余人次参与了“幸福”体验；连续五年针对考生与家长开展助力中高考主题系列活动，2000多人受益；志愿者走进基层厂、矿、队及偏远站区，开展讲座330讲，接受幸福理念和体验人群达35640多人次。
      大庆油田职工服务志愿者正在为传递幸福理念，全面提升广大油田职工幸福指数，营造健康的工作氛围和积极阳光心态，提高职工工作效率，提升职工安全感、归属感、幸福感等方面做出一定的努力和贡献。`;
const show_image = require("../../../resource/images/heart/eap/banner_zhiyuanzhe.png");

//http://dqapp.oss-cn-beijing.aliyuncs.com/media/58d814caffc3c42e09ae18e0/E4OW6H3PFYJZ8JD6NNYTL3WT1499689953586_.png
export default class HeartVolunteerPage extends BasePage {
  constructor(props) {
    super(props);

    this.state.volunteer_config = "";
    this.state.volunteer_url_config = null;
    this.state.postData = null;
    this.state.listData = null;
  }

  componentDidMount() {
     new UserRequestAPPConfigAction().call(this, {key:"volunteer_url_config",requestType:"config"});
     new UserRequestAPPConfigAction().call(this, {key:"volunteer_config",requestType:"config"});
  }

  _dealEnterPage() {
    this._requestListData();
  }

  componentWillUpdate(nextProps, nextState) {

    if(nextState.configSuccess === true) {
      nextState.configSuccess = false;
      nextState[nextState.configData.key] = nextState.configData.value;
    }
  }

  render() {
    return (
      <View style={{width:SizeUtils.getWindowSize().width,paddingTop:Config.paddingTop,
          height:SizeUtils.getWindowSize().height, backgroundColor:"#ffffff"}}>
        <ScrollView style={{flex:1,
           height:SizeUtils.getWindowSize().height - Config.paddingTop - SizeUtils.translateDesignHeightToCode(130),}}>
          <View style={{width:SizeUtils.getWindowSize().width - SizeUtils.translateDesignWidthToCode(80),
              marginLeft:SizeUtils.translateDesignWidthToCode(40),
              marginTop:SizeUtils.translateDesignHeightToCode(38),
              flexDirection:"column", alignItems:"center"}}>
            {this._renderShowImage()}
            {this._renderDesc1()}
          </View>
        </ScrollView>
        {this._renderBottom()}
        {this._renderNavigationBar()}
      </View>
    )
  }

  _renderShowImage() {
    return (
        <TImage source={this._getShowImage()} style={{width:670, height:340}}/>
    )
  }

  _renderBottom(){
    return (<TouchableOpacity
            style={{
              width:SizeUtils.getWindowSize().width,
              backgroundColor: '#D93338',
              height:SizeUtils.translateDesignHeightToCode(100),
              flexDirection:"row", alignItems:"center", justifyContent:"center",
            }}
            onPress={this._onPressSubmit.bind(this)}
           >
             <Text style={{
                textAlign: 'center',
                color: '#ffffff',
                fontSize:SizeUtils.translateFontSizeToCode(32),
              }}>我要加入</Text>
           </TouchableOpacity>);
  }

  _onPressSubmit(){
     this.gotoPage(Config.pages.heart_volunteer_agreement);
  }

  _getShowImage() {
    return this.state.volunteer_url_config == null ? {uri:""} : {uri:this.state.volunteer_url_config};
  }

  _renderDesc1() {
    return (
      <View style={{width:SizeUtils.getWindowSize().width - SizeUtils.translateDesignWidthToCode(80),
          marginTop:SizeUtils.translateDesignHeightToCode(50),
          paddingBottom:SizeUtils.translateDesignHeightToCode(40),
          alignItems:"center",}}>
          <View style={{width:SizeUtils.getWindowSize().width - SizeUtils.translateDesignWidthToCode(80),
           height:1,backgroundColor:"#cccccc", position:"absolute",
            top:SizeUtils.translateDesignHeightToCode(14)}}></View>
          <Text style={{fontSize:SizeUtils.translateFontSizeToCode(28), color:"#333333",backgroundColor:"#ffffff",
             paddingLeft:SizeUtils.translateDesignWidthToCode(16),paddingRight:SizeUtils.translateDesignWidthToCode(16) }}>
             团队介绍
          </Text>
          <Text style={{color:"#333333", fontSize:SizeUtils.translateFontSizeToCode(28),
          lineHeight:SizeUtils.translateDesignWidthToCode(56),
          marginTop:SizeUtils.translateDesignHeightToCode(38),}}>
            {this.state.volunteer_config}
          </Text>
      </View>
    )
  }

  _requestListData() {
    new HeartVolunteerRequestPostListAction().call(this, {});
  }

  _requestData(postData) {
    new HeartVolunteerRequestPostContentAction().call(this, {post_id:postData.post_id});
  }
}
